/* pages/serviceLogin/index.wxss */
.serviceLogin {
  .page-content {
    position: relative;
    overflow: hidden;

    .page-bg {
      width: 100%;
      height: 100%;
    }

    .container {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      overflow: auto;

      .top-title {
        position: absolute;
        left: 0;
        width: 100%;
        font-size: 17px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;

        // border:1px solid red;
        .back {
          position: absolute;
          left: 40rpx;
        }
      }

      .logo {
        display: block;
        margin: 0 auto;
        width: 305rpx;
        height: 305rpx;
        margin-top: 200rpx;
      }

      .input-wrapper {
        $height: 78rpx;
        position: relative;
        margin: 0 auto;
        margin-top: 60rpx;
        height: $height;
        width: 550rpx;
        padding: 0;
        box-sizing: border-box;
        background: transparent !important;

        &::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 2rpx;
          background: #D4DCD3;
          opacity: 0.5;
        }

        .input {
          // border:1px solid red;
          padding: 0 10rpx;
          height: $height;
          color: #fff;
        }
      }

      .btn-login {
        margin: 0 auto;
        display: block;
        width: 300rpx;
        height: 70rpx;
        margin-top: 90rpx;
      }
    }
  }
}